<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<title>后台登录</title>
<meta name="author" content="DeathGhost" />
<link rel="stylesheet" type="text/css" th:href="@{css/style.css}" />
<style>
body{height:100%;background:#16a085;overflow:hidden;}
canvas{z-index:-1;position:absolute;}
</style>
<script th:src="@{/js/jquery.js}"></script>
<script th:src="@{/js/verificationNumbers.js}"></script>
<script th:src="@{/js/Particleground.js}"></script>
<script>
$(document).ready(function() {
  //粒子背景特效
  $('body').particleground({
    dotColor: '#5cbdaa',
    lineColor: '#5cbdaa'
  });
  //验证码
  createCode();
  /*//测试提交，对接程序删除即可
  $(".submit_btn").click(function(){
	  location.href="index.html";
	  });*/
});
</script>
</head>
<body>
<!--<form th:action="@{/login}" method="post" style="margin: 0 auto; width: 70%; margin-top: 200px;">
 <h1 class="text-center">从这里登录@</h1>
 <div class="mb-3">
  <label class="form-label">用户名：</label>
  <input class="form-control" type="text" name="loginName"/>
 </div>
 <div class="mb-3">
  <label class="form-label">密  码：</label>
  <input class="form-control" type="password" name="password"/>
 </div>
 <div class="mb-3">
  <button class="btn btn-primary">登录</button>
 </div>
 <div class="text-warning" th:text="${ret_msg}"></div>
</form>-->
 <form th:action="@{/login}" method="post">
  <dl class="admin_login">
   <dt>
    <strong>站点后台管理系统</strong>
    <em>Management System</em>
   </dt>
   <dd class="user_icon">
    <input type="text" name="loginName" placeholder="账号" class="login_txtbx form-control"/>
   </dd>
   <dd class="pwd_icon">
    <input type="password" name="password" placeholder="密码" class="login_txtbx form-control"/>
   </dd>
   <!--<dd class="val_icon">
    <div class="checkcode">
     <input type="text" id="J_codetext" placeholder="验证码" maxlength="4" class="login_txtbx">
     <canvas class="J_codeimg" id="myCanvas" onclick="createCode()">对不起，您的浏览器不支持canvas，请下载最新版浏览器!</canvas>
    </div>
    <input type="button" value="验证码核验" class="ver_btn" onClick="validate();">
   </dd>-->
   <dd>
    <!--<input type="button" value="立即登录" class="submit_btn"/>-->
    <button class="submit_btn">立即登录</button>
   </dd>
   <dd class="text-warning" th:text="${ret_msg}"></dd>
   <dd>
    <p>© 2015-2016 DeathGhost 版权所有</p>
    <p>陕B2-20080224-1</p>
   </dd>
  </dl>
 </form>
</body>
</html>
